<template>
    <div class="mblog">
        <h1>博客详情页面{{this.$route.params.page}}---{{ubdex}}</h1>
        <!-- <h2>{{blog.title}}</h2>
        <div v-html="blog.content"></div> -->
    </div>
</template>

<script>
import {mapState} from 'vuex'

export default {
    props: ['id'],
    data()
    {
        return {
            blog: 
            {
                title: 'default',
                content: 'content'
            }
        }
    },
    computed:
    {
        // ...为展开运算符，把全局数据映射为当前计算属性
        ...mapState(['count'])
    }
    // created
    // {
    //     const blogId = this.$route.params.blogId
    //     console.log(blogId);
    //     const _this = this
    //     this.$axios.get('/blog/' + blogId).then(res =>
    //     {
    //         const blog = res.data.data
    //         _this.blog.id = blog.id
    //         _this.blog.title = blog.title

    //         //获取渲染md格式的工具
    //         var MarkdownIt= require("markerdown-it")
    //         var md = new MardownIt()

    //         var result = md.render(blog.content)
    //         _this.blog.content = result

    //     })

    // }
}
</script>

<style scoped>
    .mblog
    {
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
    }
</style>